草庐IT

Foundation 表格

全部标签

html - 如何设置名称-值对列表的样式使其看起来像 HTML 表格?

我继承了一个使用纯HTML和ASP.NET服务器控件布局的Web表单报告,常见的布局模式是使用四列表格布局的部分,第一列和第三列用于字段标签,并且第二和第四列的值。因为我的任务是“重新设计”报告,所以我想我会尝试改进标记的语义并删除所有未用于实际表格数据的表格。在对名称-值对的定义列表进行一些实验后,我选择了ol/li组合,但我不知道如何在每个li占据整个li元素宽度的50%。这是列表的css:ol.name-value{list-style:none;display:table;}ol.name-valueli{display:table-row;border-bottom:1pxs

html - 如何设置名称-值对列表的样式使其看起来像 HTML 表格?

我继承了一个使用纯HTML和ASP.NET服务器控件布局的Web表单报告,常见的布局模式是使用四列表格布局的部分,第一列和第三列用于字段标签,并且第二和第四列的值。因为我的任务是“重新设计”报告,所以我想我会尝试改进标记的语义并删除所有未用于实际表格数据的表格。在对名称-值对的定义列表进行一些实验后,我选择了ol/li组合,但我不知道如何在每个li占据整个li元素宽度的50%。这是列表的css:ol.name-value{list-style:none;display:table;}ol.name-valueli{display:table-row;border-bottom:1pxs

html - 何时在 HTML 表格中使用 tbody、colgroup、thead 等?

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestion当我学习HTML表格时,并没有教我tbody、thead、tfoot、colgroup。你应该什么时候使用它们?我去了W3Schools网站,我了解它们的工作原理,但不知道何时使用或不使用它们。

html - 何时在 HTML 表格中使用 tbody、colgroup、thead 等?

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestion当我学习HTML表格时,并没有教我tbody、thead、tfoot、colgroup。你应该什么时候使用它们?我去了W3Schools网站,我了解它们的工作原理,但不知道何时使用或不使用它们。

jquery - 如何使用 jQuery 找到每个表格单元格的 "visual location"?

我有一个包含ROWSPAN和COLSPAN的HTML表格。如何使用jQuery找到每个单元格的“可视位置”?例如,这是我表格的可视化表示,每个单元格都填充了“视觉位置”算法应返回的内容:(注意:我只关心中的单元格,列引用可以是整数,而不是字母字符,我这样做只是为了轻松突出问题)+--+--+--+--+--+||A|B|C|D|+--+--+--+--+--+|1|A1|B1|D1|+--+--+--+--++|2|A2|C2||+--++--++|3||C3||+--+--+--+--+--+|4|A4|B4|C4|D4|+--+--+--+--+--+|XYZ|+--+--+--+

jquery - 如何使用 jQuery 找到每个表格单元格的 "visual location"?

我有一个包含ROWSPAN和COLSPAN的HTML表格。如何使用jQuery找到每个单元格的“可视位置”?例如,这是我表格的可视化表示,每个单元格都填充了“视觉位置”算法应返回的内容:(注意:我只关心中的单元格,列引用可以是整数,而不是字母字符,我这样做只是为了轻松突出问题)+--+--+--+--+--+||A|B|C|D|+--+--+--+--+--+|1|A1|B1|D1|+--+--+--+--++|2|A2|C2||+--++--++|3||C3||+--+--+--+--+--+|4|A4|B4|C4|D4|+--+--+--+--+--+|XYZ|+--+--+--+

css - HTML 表格单元格 <td> 的默认宽度是多少?

我一直没能找到这个问题的答案:规范或UA文档中的哪里是的默认宽度定义?我搜索了HTMLLivingStandard,HTML5Recommendation,以及各种其他来源。我的理解(基于使用和观察)是,默认情况下,表格单元格将占据其所在列的整个宽度。如果列中存在其他单元格,则不能为单元格指定与列不同的宽度。我正在寻找此行为的官方确认,最好是在W3C或用户代理文档中。但任何权威引用都是可以接受的。 最佳答案 表格单元格的物理/视觉宽度不是由HTML定义的,而是由CSS定义的。CSS2.1规范有一个完整的部分专门用于tablelayo

css - HTML 表格单元格 <td> 的默认宽度是多少?

我一直没能找到这个问题的答案:规范或UA文档中的哪里是的默认宽度定义?我搜索了HTMLLivingStandard,HTML5Recommendation,以及各种其他来源。我的理解(基于使用和观察)是,默认情况下,表格单元格将占据其所在列的整个宽度。如果列中存在其他单元格,则不能为单元格指定与列不同的宽度。我正在寻找此行为的官方确认,最好是在W3C或用户代理文档中。但任何权威引用都是可以接受的。 最佳答案 表格单元格的物理/视觉宽度不是由HTML定义的,而是由CSS定义的。CSS2.1规范有一个完整的部分专门用于tablelayo

html - 表格可以做什么 CSS 定位不能做什么?

我知道有很多很好的论据支持CSS定位而不是基于表格的布局。我想知道的是,关于表格的所有功能,CSS模型是否完整(假设是一个相对现代的浏览器)。是否存在表格可以实现但使用CSS不可能或不切实际的布局? 最佳答案 CSS没有很好的方法来处理真正表格化的数据。如果您的数据本身是按行和列构建的,那么table标签仍然是呈现它的最佳方式。虽然您可以在CSS中“伪装”它,但它会无缘无故地导致代码复杂、难以维护。请注意,表格数据不一定总是指数字表格。有时表单和其他类型的交互式内容也可以是表格,如果它们的字段在逻辑上将它们自己分组为列和行。关键是问

html - 表格可以做什么 CSS 定位不能做什么?

我知道有很多很好的论据支持CSS定位而不是基于表格的布局。我想知道的是,关于表格的所有功能,CSS模型是否完整(假设是一个相对现代的浏览器)。是否存在表格可以实现但使用CSS不可能或不切实际的布局? 最佳答案 CSS没有很好的方法来处理真正表格化的数据。如果您的数据本身是按行和列构建的,那么table标签仍然是呈现它的最佳方式。虽然您可以在CSS中“伪装”它,但它会无缘无故地导致代码复杂、难以维护。请注意,表格数据不一定总是指数字表格。有时表单和其他类型的交互式内容也可以是表格,如果它们的字段在逻辑上将它们自己分组为列和行。关键是问